<script setup lang="ts">
import { ref } from 'vue';
import bgImg from '@/assets/images/bg.jpg'
import BlibliVideo from '@/components/common/BlibliVideo.vue';
import HomeMenu from '@/components/common/HomeMenu.vue';

const videoUrl = ref('BV13q4y1s7a5');
const blibliVideoFlag = ref(false);
</script>
<template>
  <div :style="{ backgroundImage: `url(${bgImg})`, height: '100vh' }">
    <HomeMenu></HomeMenu>
    <BlibliVideo v-model="blibliVideoFlag" :url="videoUrl"></blibliVideo>
  </div>
</template>

<style scoped type="sass"></style>
